<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
    /*
    默认样式：
    通常情况，浏览器都会为元素设置一些默认样式
    默认样式的存在会影响到页面的布局吗，通常情况下编写网页时必须要去除浏览器的默认样式（PC端的页面）
    */
    /*相对简单的去除默认样式的方法*/
    *
    {
        margin: 0px;
        padding: 0px;
    }
    ul
    {
        list-style: none;
    }
    .box1
    {
        width: 100px;
        height: 100px;
        border: 1px solid black;
    }
    </style>
</head>
<body>
    <div class="box1"></div>
    <p>我是一个段落</p>
    <p>我是一个段落</p>
    <p>我是一个段落</p>
    <ul>
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
    </ul>
</body>
</html>